<template>
  <div class="main">
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in items" :key="item.id">
          <img :src="item.url" class="img"/>
      </mt-swipe-item>
    </mt-swipe>
    
    <!-- 招聘职位 -->
    <h3>招聘信息</h3>
      <div class="hr">
        <mt-cell title="java实现软件工程师"  is-link to="//localhost:8080/zhao"></mt-cell>
        <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
        <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
        <mt-cell title="java实现软件工程师"  is-link to="//www.baidu.com"></mt-cell>
      </div>

      <h3>合作企业</h3>
     <div class="imgs">
      <div class="row">
        <img height="70" width="155" src="../../../static/images/ibm.jpg" alt="">
        <img height="70" width="155" src="../../../static/images/yd.jpg" alt="">
      </div> 
      <div class="row">
        <img height="70" width="155" src="../../../static/images/fide.jpg" alt="">
        <img height="70" width="155" src="../../../static/images/nec.jpg" alt="">
      </div>   
      <div class="row">
        <img height="70" width="155" src="../../../static/images/oki.jpg" alt="">
        <img height="70" width="155" src="../../../static/images/pat.jpg" alt="">
      </div> 
     </div>


  </div> 

</template>

<script>
  export default {
    data () {
      return {
        items: [{
          url: '../../../static/images/1.jpg'
        }, {
          url: '../../../static/images/2.jpg'
        },{
          url: '../../../static/images/3.jpg'
        }],
        
      }
    }
  }
</script>

<style scoped>
  .img {
    width: 100%;
  }
  .mint-swipe {
    height: 218px;
  }
  .main{
     width:100%;
    height: auto;
  }
  .main h3{
      padding: 0px 30px;
    }
  .main .hr{
      padding: 10px 20px;
    }
  .main .imgs{
        /* border: 1px solid red; */
        padding: 0px 20px;

      }
  .main .imgs img{
      margin-left: 18px;
    }

  .main .imgs .row{
      /* border: 1px solid red; */
      margin-top: 5px;
    }

  

 
</style>